<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<meta HTTP-EQUIV="expires" CONTENT="0">
<%
response.setHeader("Cache-Control","no-store");
response.setHeader("Pragrma","no-cache");
response.setDateHeader("Expires",0);
%>
<title>校园失物招领系统</title>
<style>
  h2 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 200px;
    text-align: center;
    margin: 0;
    background-color: #99a9bf;
    width:450px;
  }
  h3 {
	    color: #FFF8DC;
	    font-size: 26px;
	    opacity: 0.75;
	    height: 100%;
	    text-align: center;
	    margin: 0;
	    background-color:green;
   }
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  
  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
  .box-card {
    width: 480px;
    margin-top: 20px ;
    margin-left: 20px ;
  }
  li{
  	margin-top:20px;
  }
  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }
</style>
<script type="text/javascript" src="./js/head.js"></script>
</head>
<body>
	<div id="main" style="width: 100%;height: 100%;" oncontextmenu="return false">
		<!-- <h3><img src='img/logo.png'></h3> -->
		<!-- =================================================================轮播图 -->
		
		<div class="flex">
			<el-card class="box-card">
				<div slot="header" class="clearfix">
				    <span class="lan">用户状态</span>
				</div>
				<ul>
					<li >当前在线人数: &nbsp ${onLineCount}</li>
					
					<li>今日访问量: &nbsp ${todayCount }</li>
				</ul>
			</el-card>
			
			<el-card class="box-card">
				<div slot="header" class="clearfix">
				    <span class="lan">数据状态</span>
				</div>
				<ul>
					<li>失物贴总数: &nbsp ${lostCount}</li>
					
					<li>招领贴总数: &nbsp ${foundCount}</li>
					<li>感谢信总数: &nbsp ${thanksCount }</li>
				</ul>
			</el-card>
		</div>
		<!--<div class="mt20 ml10 mr10" style="border: 1px solid #dfe4ed;border-radius: 4px;padding: 10px;">
			
			 <div class="hand w200">
				<i class="el-icon-caret-bottom"></i>公告消息
			</div>
			<div class="mt10">
				<el-table :data="tableData" stripe style="width: 100%;" >
				    <el-table-column prop="subject" label="主题">
				    	<template slot-scope="scope">
					        <el-badge value="new" class="new">
					        	<span>{{ scope.row.subject }}</span>
					        </el-badge>
					    </template>
				    </el-table-column>
				    <el-table-column prop="content" label="内容"></el-table-column>
				    <el-table-column prop="type" label="类型"></el-table-column>
				    <el-table-column prop="createUser" label="发布人"></el-table-column>
				    <el-table-column prop="createDate" label="发布时间"></el-table-column>
				</el-table>
				
				<div class="flex wEnd mt10">
					<el-pagination @size-change="handleSizeChange"  @current-change="handleCurrentChange" :current-page="currPage"
				      :page-sizes="[10, 20, 30, 40]" :page-size="pageSize" :total="total"
				      layout="total, sizes, prev, pager, next, jumper">
	   				</el-pagination>
				</div>
				
			</div> 
			
		</div>-->
		
	</div>
</body>
<script type="text/javascript" src="./js/mainAdmin.js"></script>
</html>